<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>electron-serialport!</title>
    <style>
        table { border-collapse: collapse; }
        table, th, td { border: 1px solid black; }

        .tool{border: 5px solid red;margin: 2%; width: 30%;float: left;}
        .connect{margin: 2% 2% 2% 2%;}
        .epc{margin: 0% 0% 0% 2%;}
        #epc{width:30% ;}
        #error{margin-left: 2%; color:red;}
        .result{border:5px solid palegoldenrod;margin: 2%; width: 30% ;float: left;}
        #result_input{ width: 99%;height: 100px; color: red;}
    </style>
</head>

<body>
    <!-- <h1>Hello World!</h1>

    We are using Node.js <span id="node-version"></span>, Chromium <span id="chrome-version"></span>, Electron <span id="electron-version"></span>, and Serialport <span id="serialport-version"></span>

    <div id="error"></div>
    <div id="ports"></div> -->

    <div id="error"><br></div>

    <div>

        <div class="connect">
        
          <select id="select" onchange="selectdata(this.value)" >
        <option value="0" >选择串口号</option>
        </select>
<!--         
        <select id="deviceid-select" onchange="selectdata(this.value)" >
          <option value="0" >选择设备号</option>
          </select> -->

        deviceid:  <select id="deviceid-select"  >
          <option value="0" >选择设备号</option>
          </select>
        
        serial_num:<input id="serial_num" type="text"  > 
        <button onclick="serial_num_add()">+</button> 
        
        <button onclick="serial_num_subtract()">-</button> 
        
        
        <input type="submit" value="连接" onclick="connect()"> 
        </div>
        
        
        <div class="epc">
        
          epc:<input id="epc" type="text">
        
          写标签:<input type="submit" value="确定" onclick="eachWrite()">
        
        </div>
        <div>
        <div class="tool" >
        devideid:<br>
        <input id="get_deviceid" type="text"><br>
        drawerid:<br>
        <input id="get_drawerid" type="text"><br>
        location:<br>
        <input id="get_location" type="text"><br>
        serial_num:<br>
        <input id="get_serial_num"  type="text"><br>
        part_no:<br>
        <input id="get_part_no" type="text"><br>
        part_des:<br>
        <input id="get_part_des" type="text"><br>
        inventory_num:<br>
        <input id="inventory_num" type="text">
          
        </div>


        <div class="result">
          <p>结果</p><br>

          <input id="result_input" type="text">



        </div>
        </div>
        
        
            </div>
</body>

<script src="./renderer.js"></script>

</html>